<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]>      <html class="no-js"> <!--<![endif]-->
<html>

<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>

	</title>
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link href="../public/stylesheets/output.css" rel="stylesheet">
</head>

<body>
	<!--[if lt IE 7]>
			<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="#">upgrade your browser</a> to improve your experience.</p>
		<![endif]-->
	<div class="w-4xl m-auto bg-amber-200 p-2.5 pt-6">
		<h1 class="text-center text-3xl m-3">记账本</h1>
		<hr>
		</hr>
		<div class="w-full h-fit rounded-xl overflow-hidden my-3.5 bg-white">
			<div class="bg-pink-200 p-2">
				<span class="ml-2.5">2023-04-10</span>
			</div>
			<div class="flex justify-around items-center h-[50px]">
				<span class="">抽烟只抽煊赫门，一生只爱一个人</span>
				<span class="inline-block bg-yellow-400 p-1 text-white">支出</span>
				<span class="">25元</span>
				<span class="text-2xl translate-x-10">×</span>
			</div>
		</div>
		<div class="w-full h-fit rounded-xl overflow-hidden my-3.5 bg-white">
			<div class="bg-pink-200 p-2">
				<span class="ml-2.5">2023-04-10</span>
			</div>
			<div class="flex justify-around items-center h-[50px]">
				<span class="">抽烟只抽煊赫门，一生只爱一个人</span>
				<span class="inline-block bg-green-400 p-1 text-white">收入</span>
				<span class="">25元</span>
				<span class="text-2xl translate-x-10">×</span>
			</div>
		</div>


	</div>
</body>

</html>